/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import 'https://fonts.googleapis.com/css?family=Pontano+Sans';
@import 'https://fonts.googleapis.com/css?family=Glegoo';


// Global variables
// ========================================================================

//
// Text
//

@global-color:									#4f5054;
@global-muted-color:							#9b9ca5;

@global-link-color:								#ee9e79;
@global-link-hover-color:						darken(@global-link-color, 20%);

@global-dark-color:								#2c2d30;

@global-font-weight: 							400;

//
// Backgrounds & Borders
//

@global-body-style: 							'orange';

@global-light-background: 						#f7f7f7;

@global-nav-hover-background:					#f5f5f5;

@global-background:								#f0f0f0;

//
// Gradients
//

@global-default-gradient-top:					#f9f9f9;
@global-default-gradient-bottom:				#f0f0f0;

@global-primary-gradient-top:					#f6ae87;
@global-primary-gradient-bottom:				#e8916b;

@global-success-gradient-top:					#c1e1b8;
@global-success-gradient-bottom:				#99cf8a;

@global-warning-gradient-top:					#eedd7d;
@global-warning-gradient-bottom:				#e8c96b;

@global-danger-gradient-top:					#f6878c;
@global-danger-gradient-bottom:					#e86b7d;


// Component variables
// ========================================================================

//
// Base
//

@base-body-font-family: 						'Pontano Sans';

@base-heading-font-family: 						'Glegoo';

@base-em-color:									#79c3ee;

@base-code-color:								#50ad6f;

//
// Panel
//

@panel-box-primary-background:					#ee9e79;
@panel-box-primary-color:						#ffedde;
@panel-box-primary-title-color:					#fff;

//
// Nav
//

@nav-side-active-background:					#ee9e79;

//
// Navbar
//

@navbar-nav-font-family: 						'Pontano Sans';

@navbar-color:									@global-color;
@navbar-link-color:								@global-link-color;
@navbar-link-hover-color:						@global-link-hover-color;

@navbar-toggle-color:							fade(@global-color, 60%);
@navbar-toggle-hover-color:						@global-color;

@navbar-nav-color:								@global-color;
@navbar-nav-hover-color:						@global-dark-color;
@navbar-nav-hover-background:					rgba(0,0,0,0.03);
@navbar-nav-active-color:						@global-contrast-color;
@navbar-nav-active-background:					@global-primary-background;
@navbar-nav-onclick-color:						@global-dark-color;
@navbar-nav-onclick-background:					rgba(0,0,0,0.04);

@navbar-brand-color:							fade(@global-dark-color, 90%);
@navbar-brand-hover-color:						@global-dark-color;

@navbar-gradient-top:							#fff;
@navbar-gradient-bottom:						#f7f7f7;

@navbar-box-shadow:								rgba(0,0,0,0.06);

@navbar-nav-hover-box-shadow:					rgba(0,0,0,0);

@navbar-text-transform:							none;

//
// Button
//

@button-text-transform:							normal;

//
// Overlay
//

@overlay-caption-background:					rgba(14,14,15,0.5);

//
// Off-canvas
//

@offcanvas-background:							rgba(14,14,15,0.1);

@offcanvas-bar-background:						#3f4147;